// :host /deep/ .widgets {
//   .smart-table-container {
//     width: 100%;
//   }
// }
.search:after {
  content: '\f002';
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 43px;
  /* color: rgba(255, 255, 255, 0.25); */
  color: red;
}
$border-light: #ababab;
$default-text: green;
$font-bolder: bold;
:host /deep/ {
  ng2-smart-table {
    // tr:nth-child(even) {background: #CCC}
    // tr:nth-child(odd) {background: #FFF}
    th, td {
      border: 1px solid $border-light !important;
      line-height: 15px;
      vertical-align: middle;
      color: $default-text;
    }

//     table tr td {
//       color: black;
//     }


//     input {
//       line-height: 1.5 !important;
//     }

    ng2-smart-table-cell {
    //   color: $default-text;
      line-height: 5px;
    }

    tbody {
      tr {
        color: $default-text;
      }
      tr:hover {
        // background: rgba(0, 0, 0, 0.03);
        tr:nth-child(even) {background: red}
        tr:nth-child(odd) {background: green}
      }
    }

    a.ng2-smart-sort-link {
      font-size: 14px !important;
      color: $default-text;
      font-weight: $font-bolder;
      &.sort {
        font-weight: $font-bolder !important;

        &::after {
          border-bottom-color: $default-text !important;
        }
      }
    }

    .ng2-smart-actions {
    //   width: 200px;
      text-align: center;
      .actions {
        float: none;
        text-align: center;
      }
    }

    .ng2-smart-actions-title-add {
      text-align: center;
    }

    a.ng2-smart-action, .ng2-smart-title {

    // a.ng2-smart-action {
      font-size: 14px !important;
      color: $default-text;
      padding: 0 5px;
      display: inline-block;

      &.ng2-smart-action-add-add {
        font-size: 25px !important;
      }
    }

    nav.ng2-smart-pagination-nav {
      display: flex;
      justify-content: center;
    }
  }
}

